.m0 {margin: 0px}  .m1 {margin: 5px}  .m2 {margin: 10px}  .m3 {margin: 20px}  .m4 {margin: 40px}  .m5 {margin: 60px}
.mt0 {margin-top: 0px}  .mt1 {margin-top: 5px}  .mt2 {margin-top: 10px}  .mt3 {margin-top: 20px}  .mt4 {margin-top: 40px}  .mt5 {margin-top: 60px}
.mr0 {margin-right: 0px}  .mr1 {margin-right: 5px}  .mr2 {margin-right: 10px}  .mr3 {margin-right: 20px}  .mr4 {margin-right: 40px}  .mr5 {margin-right: 60px}
.mb0 {margin-bottom: 0px}  .mb1 {margin-bottom: 5px}  .mb2 {margin-bottom: 10px}  .mb3 {margin-bottom: 20px}  .mb4 {margin-bottom: 40px}  .mb5 {margin-bottom: 60px}
.ml0 {margin-left: 0px}  .ml1 {margin-left: 5px}  .ml2 {margin-left: 10px}  .ml3 {margin-left: 20px}  .ml4 {margin-left: 40px}  .ml5 {margin-left: 60px}
.p0 {padding: 0px}  .p1 {padding: 5px}  .p2 {padding: 10px}  .p3 {padding: 20px}  .p4 {padding: 40px}  .p5 {padding: 60px}
.pt0 {padding-top: 0px}  .pt1 {padding-top: 5px}  .pt2 {padding-top: 10px}  .pt3 {padding-top: 20px}  .pt4 {padding-top: 40px}  .pt5 {padding-top: 60px}
.pr0 {padding-right: 0px}  .pr1 {padding-right: 5px}  .pr2 {padding-right: 10px}  .pr3 {padding-right: 20px}  .pr4 {padding-right: 40px}  .pr5 {padding-right: 60px}
.pb0 {padding-bottom: 0px}  .pb1 {padding-bottom: 5px}  .pb2 {padding-bottom: 10px}  .pb3 {padding-bottom: 20px}  .pb4 {padding-bottom: 40px}  .pb5 {padding-bottom: 60px}
.pl0 {padding-left: 0px}  .pl1 {padding-left: 5px}  .pl2 {padding-left: 10px}  .pl3 {padding-left: 20px}  .pl4 {padding-left: 40px}  .pl5 {padding-left: 60px}

.vam {vertical-align: middle;}  .vab {vertical-align: baseline;}  .vat {vertical-align: top;}  .vatt {vertical-align: text-top;}

.tal {text-align: left;}  .tac {text-align: center;}  .tar {text-align: right;}

.fs12 {font-size: 12px;}  .fs16, .h3 {font-size: 16px;}  .fs18 {font-size: 18px;}  .fs24 {font-size: 24px;}

.fb {font-weight: bold;}  .fn {font-weight: normal;}

.bred{border: 1px solid red;}

.fc999 {color: #999 !important;}  .fc666 {color: #666 !important;}  .fc333 {color: #333 !important;}
.black {color: black;}  .white {color: white;} .red {color: red !important;} .green {color: green !important;}  .yellow {color: orange;}

.primary {
  color: $color-brand1-6;
}

.bg-white {background-color: white;}  .bg-black {background-color: #333;}  .bg999 {background-color: #999;}  .bgddd {background-color: #ddd;}  .bg-primary {background-color: $color-brand1-6;}

.line, .line-m {
  line-height: 28px
}

.line-l {line-height: 32px}  .line-s {line-height: 24px}  .line-xs {line-height: 18px;}

.no-mar, .no-m {margin: 0 !important;}  .no-mb {margin-bottom: 0 !important}

.m0auto {margin: 0 auto;}

.vv{
  visibility: visible;
}

.vh{
  visibility: hidden;
}

.dn {display: none;}  .dib {display: inline-block;}  .di {display: inline;}  .db {display: block;}  .top0 {top: 0;}  .left0 {left: 0;}  .bottom0 {bottom: 0;}  .right0 {right: 0;}  .full {width: 100%;height: 100%}  .fw {width: 100%;}  .fh {height: 100%;}  .pr {position: relative;}  .pa {position: absolute;}  .pf {position: fixed;}  .bsbb {box-sizing: border-box;}  .bb {border-bottom: 1px solid #eee;}  .bt {border-top: 1px solid #eee;}  .b {border: 1px solid #DCDEE3;}  .bl {border-left: 1px solid #eee;}  .nob {border: none;}  a, .pointer {cursor: pointer;}

h3.breadcrumb {margin: 16px 0;position: relative;}
h3.breadcrumb::before {
  content: "";
  width: 5px;
  position: absolute;
  left: -20px;
  background-color: $color-brand1-5;
  height: 80%;
  top: 10%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 0 12px rgba($color-brand1-5, 0.5);
}

.flex {
  display: flex;
}

.no-flexbox .flex {
  display: table;
}

.no-flexbox .flex > * {
  display: table-cell;
}

.flex-column {
  flex-direction: column;
}

.flex-auto {
  flex: 1 1 auto;
}

.no-shadow {
  box-shadow: none;
}

.overflow-auto {
  overflow: auto;
}

// #ice-container { overflow: hidden; }

.icon-button-small {
  padding: 0 5px;
  height: 20px;
  line-height: 10px;
}

.next-table th {
  background-color: #f3f7fa;
  border: 1px solid #DCDEE3;
  font-weight: bold;
}

.next-table td {
  border: 1px solid #DCDEE3;
}

.next-table-fixed {
  border: 1px solid #DCDEE3;
}

.next-dialog-header {
  background-color: #f3f7fa;
}

.perfect.next-tree .next-checkbox.disabled .next-checkbox-inner > .next-icon {
  color: #666;
}

.perfect.next-select-menu .next-menu-content li.next-menu-item:not(:first-child) {
  border-top: 1px solid #eee;
}

.perfect.next-select-menu .next-menu-content li.next-menu-item {
  white-space: normal;
}

.perfect.next-select-menu {
  max-width: 600px;
  max-height: 400px;
}

.overlay {
  max-height: 460px;
  overflow: auto;
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.overlay .menu li {
  line-height: 32px;
}

.overlay .menu li:hover {
  color: $color-brand1-9;
  background-color: $color-brand1-2;
  cursor: pointer;
}

.tar.next-input input {
  text-align: right;
}

li.next-tree-node {
  transition: transform 0.3s, background-color 0.3s;
  border-radius: 3px;
}

li.next-tree-node.selected {
  transform: scale(1.1);
  background-color: #eaeaea;
}

.next-tree-node .next-checkbox {
  margin-left: 10px;
}

.perfect.next-input input[disabled] {
  color: #666;
}

.perfect.next-input-group input[disabled] {
  color: #666;
}

.perfect.next-select.disabled {
  color: #666;
}

.perfect.next-date-picker input[disabled] {
  color: #666;
}

.perfect.next-month-picker input[disabled] {
  color: #666;
}

.perfect.next-radio-group .next-radio-wrapper.checked.disabled .next-radio-label {
  color: #666;
}

.perfect .next-select-inner {
  color: #666;
}

.icon {
  width: 1em;
  height: 1em;
  // vertical-align: -0.15em;
  fill: currentcolor;
  // fill: $color-brand1-6;
  overflow: hidden;
}

.next-switch-on:hover,
.next-switch-on {
  background-color: #20A598;
}

.perfect .next-number-picker-input-wrap .next-number-picker-input input[disabled] {
  color: #666;
}

.container-box {
  :global {
    .next-btn {
      border: 1px solid #999;

      &:hover {
        background-color: #95A2B2;
        color: #fff;
      }
    }
  }
}

.menu-list {
  li > a {
    color: inherit !important;
  }
}

tr.next-table-row.bold * {
  font-weight: bold !important;
}

.error {
  color: #ff0f0f;
}

.fixed_table {
  overflow: inherit;

  .next-table-header {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
  }
}

.account_fixed_table {
  overflow: inherit;

  .next-table-header {
    position: sticky;
    left: 0;
    top: -22px;
    z-index: 999;
  }
}

.primaryColor {
  color: #20A598;
}

.secondaryColor {
  color: #95A2B2;
}

.notice {
  display: inline-block;
  width: 30px;
  height: 18px;
  background-color: red;
  position: absolute;
  top: -8px;
  right: -20px;
  text-align: center;
  color: white;
  border-radius: 15px;
  line-height: 18px;
  font-size: 10px;
}

.clear {
  clear: both;
}

.floatr{
  float:right;
}

.drop-over-downward {
  border-bottom: 2px dashed #3080fe;
}

.drop-over-upward {
  border-top: 2px dashed #3080fe;
}
